<!DOCTYPE html>
<html lang="en">
<head>
  <base href="" />
  <meta charset="UTF-8">
  <title>邮箱模板</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src="../static/js/common.js"></script>
  <script type='text/javascript' src="../static/js/mailTemplate.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
</head>
<body>
  <div class="top"></div>
	<div class="part">
	  <h4 class="partTitle"><strong>邮箱模板查询</strong></h4>
	    <form class="form-horizontal" id="mailTempSearch">
	  	  <input id="rows" name="rows" hidden="hidden" value="8">
	  	  <input id="page" name="page" hidden="hidden" value="1">
	      <div class="form-group">
	      	<div class="col-md-3 col3ConditionAll">
		        <label for="mailName" class="col-sm-4 control-label partConditionTitle">模板名称</label>
				<div class="col-sm-8 partCondition">
					<input name="MailName" maxlength="20" id="mailName" class="form-control" />
				</div>
			</div>
			<div class="col-md-3 col3ConditionAll">
				<label for="mailType" class="col-sm-4 control-label partConditionTitle">模板类型</label>
				<div class="col-sm-8 partCondition">
					<input name="MailType" maxlength="10" id="mailType" class="form-control" />
				</div>
			</div>
	      </div>
	   </form>
	   <div class="form-group">
	     <button class="btn btn-primary" type="button" onclick="searchMailTemp()">
	       <span class="glyphicon glyphicon-search" aria-hidden="true"></span> 查询
	     </button>
	   </div>
	</div>
	<div class="part">
	  <h4 class="partTitle"><strong>邮箱模板列表</strong></h4>
	    <div class="partTable">
	      <table class="table table-hover table-striped table-responsive" id="mailTempTable">
	        <thead>
	          <tr>
	            <th class = "chkwidth"><input type="checkbox" onclick="checkAll('chk')"></th>
                <th class = "nowidth">序号</th>
                <th>模板名称</th>
                <th>模板类型</th>
                <th>模板内容</th>
	          </tr>
	        </thead>
	        <tbody id="mailTempTbody">
	        </tbody>
	      </table>
	    </div>
	    <div class="partBtn">
	      <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="save();">
	          <span><img src="../static/images/plus01.png" aria-hidden="true"/></span> 添加
	      </button>
	      <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="update();">
	          <span><img src="../static/images/modify.png" aria-hidden="true"/></span> 修改
	      </button>
	      <button type="button" class="btn btn-primary" aria-label="Left Align" onclick="del();">
	          <span><img src="../static/images/delete.png" aria-hidden="true"/></span> 删除
	      </button>
	      <div class="partTurnPage">
	        <ul class="list-inline">
	          <li><a href="#" onclick="firstPage();return false;"><ins>首页</ins></a></li>
	          <li><a href="#" onclick="formPage();return false;"><ins>上一页</ins></a></li>
	          <li><a href="#" onclick="nextPage();return false;"><ins>下一页</ins></a></li>
	          <li><a href="#" onclick="lastPage();return false;"><ins>尾页</ins></a></li>
	          <li id="total">共0条 / 共0页</li>
	          <li>转到</li>
	          <li><input id="currentPage" value="1" type="text" class="form-control partCurrentPage"/></li>
	          <li><a href="#" onclick="ensure();return false;"><ins>Go</ins></a></li>
	        </ul>
	      </div>
	    </div>
	</div>
    <!-- 添加弹出框 -->
    <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="save" class="modal fade popup">
     <div class="popupForm">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
         </button>
         <h4 class="modal-title" id = "saveTitle"></h4>
       </div>
       <div class="modal-body">
         <form class="form-horizontal" id="saveForm">
         <div class="form-group" >
				<label for="saveMailID" class="col-sm-3 control-label">模板ID</label>
				<div class="col-sm-7">
					<input id="saveMailID" maxlength="10" name="saveMailID" class="form-control"/>
				</div>
			</div>
 			<div class="form-group" >
				<label for="saveMailName" class="col-sm-3 control-label">模板名称</label>
				<div class="col-sm-7">
					<input id="saveMailName" maxlength="20" name="saveMailName" class="form-control"/>
				</div>
			</div>
			<div class="form-group" >
				<label for="saveMailType" class="col-sm-3 control-label">模板类型</label>
				<div class="col-sm-7">
					<input id="saveMailType" maxlength="10" name="saveMailType" class="form-control"/>
				</div>
			</div>
			<div class="form-group" >
				<label for="saveMailContent" class="col-sm-3 control-label">模板内容</label>
				<div class="col-sm-7">
					<input id="saveMailContent" maxlength="255" name="saveMailContent" class="form-control"/>
				</div>
			</div>
         </form>
       </div>
       <div class="modal-footer">
        <button type="button" class="btn btn-primary" onclick="confirm()">确定</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
       </div>
    </div>
  </div>
</body>
</html>